<template>
   <Tarbar>
      <tarbaritem path="/home">
        <img slot="simg" src="../../assets/img/tabbar/home.svg" alt="">
        <img slot="simg-active" src="../../assets/img/tabbar/home_active.svg" alt="">
        
        <div slot="text">首页</div>
      </tarbaritem>
      <tarbaritem path="/category">
        <img slot="simg" src="../../assets/img/tabbar/category.svg" alt="">
        <img slot="simg-active" src="../../assets/img/tabbar/category_active.svg" alt="">
        <div slot="text">分类</div>
      </tarbaritem>
      <tarbaritem path="/cart">
        <img slot="simg" src="../../assets/img/tabbar/shopcart.svg" alt="">
        <img slot="simg-active" src="../../assets/img/tabbar/shopcart_active.svg" alt="">
        <div slot="text">购物车</div>
      </tarbaritem>
      <tarbaritem path="/profile">
        <img slot="simg" src="../../assets/img/tabbar/profile.svg" alt="">
        <img slot="simg-active" src="../../assets/img/tabbar/profile_active.svg" alt="">
        <div slot="text">我的</div>
      </tarbaritem>
    </Tarbar>
</template>

<script>
import Tarbar from '../common/tar-bar.vue'
import tarbaritem from '../common/tar-bar-item.vue'
export default {
components:{
  Tarbar,
    tarbaritem
}
}
</script>

<style>

</style>